<!DOCTYPE html>
<html lang="ch" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>换届选举</title>

    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <script src="/js/jquery2.1.4.min.js"></script>
    <script src="/js/jquery.qrcode.min.js"></script>
    <script src="/js/assets/amazeui.widgets.helper.min.js"></script>
    <script src="/js/assets/amazeui.widgets.helper.js"></script>
    <script src="/js/assets/amazeui.ie8polyfill.min.js"></script>
    <script src="/js/assets/amazeui.ie8polyfill.js"></script>
    <script src="/js/assets/amazeui.min.js"></script>
    <script src="/js/assets/amazeui.js"></script>
    <script src="/js/mui.min.js"></script>
    <script src="/js/bootstrap-treeview.js"></script>


    <link rel="stylesheet" type="text/css" href="/css/assets/amazeui.min.css">
    <link rel="stylesheet" type="text/css" href="/css/assets/amazeui.css">
    <link rel="stylesheet" type="text/css" href="/css/mui.min.css">
    <link rel="stylesheet" type="text/css" href="/css/bootstrap.css">

    <style>
        .leaders{
            margin:5px;
        }
        .leader{
            margin-right: 2px;
            border: none;
            background: none;
            height: 20px;
            vertical-align: middle;
            padding: 0;
            text-align: right;
        }
        .branchName{
            text-align: center;
            width: 100%;
        }
        .detail{

        }
        .leaderName{
            background:gray;
            width: 100%;
            display: flex;
        }
        .am-header-default{
            background: rgb(197,2,2);
        }
        .am-header .am-header-title{
            margin:13px 30%;
            position: absolute;
        }
    </style>
</head>
<body>
    <header data-am-widget="header"
            class="am-header am-header-default">
        <h1 class="am-header-title">
                现届党组织
        </h1>

        <div class="am-header-right am-header-nav">
            <a href="turnElection" class="">

                <i class="am-header-icon am-icon-bars"></i>
            </a>
        </div>
    </header>

<div th:text="${branch.getFd_BranchName()}" class="branchName">

    </div>
    <div class="leaders" th:each="leader,leaders:${leader}">
        <div class="am-g">
        <div th:if="${leaders.index} eq 0">
            职务名称：书记
        </div>
        <div th:if="${leaders.index} eq 1">
            职务名称：副书记
        </div>
        <div th:if="${leaders.index} eq 2">
            职务名称：委员
        </div>
            <div class="leaderName">
                <div class="am-u-sm-6">现届当选</div>
                <div class="am-u-sm-6">
                    <textarea th:text="${leader}" class="leader"></textarea>
                </div>
            </div>
        </div>
    </div>
    <div class="detail">
        <div class="am-g">
            <div class="am-u-sm-6">审批人</div>
            <div class="am-u-sm-6" th:text="${leaderChangeLog[1]}">

            </div>
        </div>
        <div class="am-g">
            <div class="am-u-sm-6">拟任组织人数</div>
            <div class="am-u-sm-6" th:text="${branch.getFd_PartyCount()}"></div>
        </div>
        <div class="am-g">
            <div class="am-u-sm-6">现届党组织当选日期</div>
            <div class="am-u-sm-6" th:text="${leaderChangeLog[0]}"></div>
        </div>
    </div>
</body>
</html>